<template>
    <div class="bgconent" :style="{width:width,height:height}">
        <div class="title">
            <p>{{title}}</p>
        </div>
        <div class="echart-box-content">
            <slot></slot>
        </div>
    </div>
  </template>
  
  <script>
  export default {
      props:{
          width:'',
          height:'',
          title:''
      }
  }
  </script>
  
  <style scoped>
  .bgconent{
      position: relative;
  }
  
  /* PC 定制：标题宽度自适应容器，缩放高度与字号 */
  .bgconent .title {
      width: 100%;
      height: 58px; /* scaled from 68px by ~0.848 */
      position:absolute;
      left: 0px;
      top: 0px;
      background: url(../../images/titleBg.png) no-repeat;
      background-size: 100% 100%;
  }
  .bgconent .title>p{
      font-size: 29px; /* scaled from 34px */
      font-family: PingFangSC-Medium, PingFang SC;
      font-weight: 500;
      color: #FFFFFF;
      line-height: 24px; /* scaled from 28px */
      margin: 13px 0 0 58px; /* scaled from 15px top and 60px left */
  }
  .echart-box-content{
    height: calc(100% - 61px); /* scaled from 72px header area */
    padding-top: 61px;
  }
  </style>
